<layout name="layout"/>

<p>
<!-- Button trigger modal -->
<button type="button" class="uk-button uk-button-success" data-uk-modal="{target:'#myModal',center:true}">
{$Think.lang.add_new}
</button>
</p>

          <div class="uk-overflow-container">
            <table class="uk-table uk-table-hover uk-table-striped uk-table-condensed">
	<thead>
		<th>#</th>		<th>{$Think.lang.group_name}</th>
		<th>{$Think.lang.status}</th>		<th>--</th>
	</thead>
	<tbody>
		<volist name="list" id="vo">
		<tr>
			<td><a href="__CONTROLLER__/details/{$vo.id}">{$vo.id}</a></td><td>{$vo.title}</td>
			<td>{$vo.status|displayIcon}</td>
			<td>
			<a href="__CONTROLLER__/assignAccess/id/{$vo.id}">{$Think.lang.assign_access}</a>&nbsp;|&nbsp;
				<a href="javascript:void(0)" onclick="confirmDelete('__CONTROLLER__/deleteHandle/{$vo.id}')">
					<i class="uk-icon-trash"></i>
				</a>
			</td>
		</tr>
		</volist>
	</tbody>
</table>
</div>
{$page}

<!-- Modal -->
<div class="uk-modal" id="myModal">
<form id="validate_form" class="uk-form"  method="post" action="__CONTROLLER__/addHandle">
    <div class="uk-modal-dialog"> <a class="uk-modal-close uk-close"></a>
        <div class="uk-modal-header">{$Think.lang.add_new}</div>
		
    <label>{$Think.lang.group_name}</label>
<input type="text" name="title" class="form-control"  required style="height:30px;" />

        <div class="uk-modal-footer uk-text-right">
		<button class="uk-button uk-button-danger" type="submit">{$Think.lang.save}</button>
		</div>
      </div>
   </form> 

	  </div>
